<template>
	<input type="text" v-model="msg" />
</template>

<script setup>
	//侦听器通过watch()函数定义
	//watch(侦听器的来源, 回调函数, 可选参数
	//第1个参数是侦听器的来源，侦听器的来源可以有以下4种。
	//一个函数，返回一个值。
	//一个响应式数据。
	//一个响应式对象。
	//一个由以上类型的值组成的数组
	//第2个参数是数据发生变化时要调用的回调函数，
	//这个回调函数的第1个参数表示新值，即数据发生变化后的值，
    //第2个参数表示旧值，即数据发生变化前的值。
    import {ref,watch} from 'vue'
	const msg=ref('abcdfg')
	watch(msg,(newv,oldv)=>{
		console.log('旧值',oldv)
		console.log('新值',newv)
	})
</script>

<style>
</style>